<template>
  <div>
    <h2>过滤器的演示</h2>
    <!-- 过滤器的使用格式 ： 数据 | 过滤器名称 -->
    <div>{{ message | cap }}</div>
    <div>{{ message | upCase }}</div>
  </div>
</template>
<script>
import { upCase } from "@/filters";
export default {
  data() {
    return {
      message: "hello",
    };
  },
  filters: {
    upCase,
    // 下面这写法，就是上面的upCase的展开
    capLocal: (val) => {
      return val[0].toUpperCase() + val.slice(1);
    },
  },
};
</script>
